<template>
	<view class="sendGifts" v-if="onSendGifts">
		<view class="closeSendGifts" @tap="close" />
		<view class="on_line_top">
			<text class="on_line_title text-white" @tap="sendGifts2">
				打赏记录
			</text>
			<image class="back_xx" @tap="close" src="@/static/zhibo/guanbi.png" />
		</view>
		<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y sendGifts_scroll">
			<view class="sendGifts_item" v-for="(item, index) in sendGifts_list" :key="index">
				<view class="sendGifts_con">
					<text class="text-yellow mg-min fs-30">
						{{ item.user.nickName }}
					</text>
					<image class="back" src="@/static/zhibo/bbt.png" />
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	props: {
		'onSendGifts': {
			type: Boolean,
			default: false
		},
		'sendGifts_list': {
			type: Array,
			default: false
		},
	},
	data() {
		return {
			sendGifts_info: [
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
				{ a: 'x', b: "糖丫丫", c: '123', d: 'x' },
			]
		}
	},
	methods: {
		close() {
			console.log(this.sendGifts_list);
			this.$emit("closeSendGifts")
		}
	}
}
</script>

<style scoped lang="scss">
	.back_xx {
		width: 30rpx;
		height: 30rpx;
	}
.text-white {
	color: #fff;
}

.mg-min {
	margin: 0 25rpx 0 0;
}

.fs-30 {
	font-size: 30rpx;
}

.text-yellow {
	color: rgb(228, 187, 102);
}

.on_line_top {
	width: 750rpx;
	height: 100rpx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.on_line_title {
	width: 650rpx;
	height: 100rpx;
	line-height: 100rpx;
	text-align: center;
}

//打赏记录
.sendGifts {
	width: 750rpx;
	height: 850rpx;
	position: fixed;
	bottom: 0;
	border-radius: 40rpx 40rpx 0 0;
	background-color: rgb(26, 25, 30);
}

.closeSendGifts {
	width: 750rpx;
	height: 700rpx;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1000;
}

.sendGifts_item {
	width: 700rpx;
	display: flex;
	padding: 5rpx 35rpx;
	flex-direction: row;
	justify-content: space-between;
}

.sendGifts_con {
	height: 50rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.sendGifts_scroll {
	height: 760rpx;
	width: 750rpx;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.back {
	width: 30rpx;
	height: 30rpx;
}
</style>